@charset "utf-8";
@import "reset";
@import "iconfont";


html{
    font-size: 64px;
}
@function r($px){
    @return $px/64px*1rem;
}

.article{
    position: relative;
    height: 100%;
    width:100%;
    overflow: hidden;
    header{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: r(90px);
        background: #b20000;
        text-align: center;
        padding: r(22px) r(16px)  r(22px) r(16px);
        i{
            color: white;
            &:first-child{
                font-size: 24px;
            }
            &:nth-child(2){
                display: block;
                width: r(41px);
                height: r(41px);
                line-height: r(41px);
                font-size: r(26px);
                text-align: center;
                border:1px solid white;
                border-radius: 50%;
            } 
        }
        .logo{
            width: r(264px);
            vertical-align: top;
        }
    }
    
    footer{
        position: absolute;
        left: 0;
        bottom: 0;
        background: #f5f5f5;
        height: r(95px);
        width: 100%;
        font-size: 0;
        border-top: 1px solid #d5d4d4;
        text-align: center;
//      display: flex;
//      justify-content: space-between;
        >div{
            display: inline-block;
            width:20%;
            margin: 5px auto;
            text-align: center;
            border-right: 1px solid #ebebeb;
            >a{
                text-decoration: none;
                >img{
                    height:r(40px);
                }
                >span{
                    display: block;
                    font-size:15px;
                    padding-top: r(2px);
                    color: #8b8b8b;
                    text-align: center;
                }
            }
            .active{
                color:#b60005;
            }
        }
        
    }
}
@media only screen and (min-width:768px){
    .article>header>i:first-of-type{
        font-size: 50px;
    };
}
